<template>
  <div :style="{ width: props.width, height: props.height }">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      :width="props.width"
      :height="props.height"
      preserveAspectRatio="none meet"
      viewBox="0 0 1874.258 61.802"
    >
      <defs>
        <filter
          id="椭圆形备份_7"
          x="672.291"
          y="21.857"
          width="31.931"
          height="31.972"
          filterUnits="userSpaceOnUse"
        >
          <feOffset input="SourceAlpha" />
          <feGaussianBlur stdDeviation="4" result="blur" />
          <feFlood :flood-color="states.color" />
          <feComposite operator="in" in2="blur" />
          <feComposite in="SourceGraphic" />
        </filter>
        <filter
          id="椭圆形备份_7-2"
          x="0"
          y="25.247"
          width="18.798"
          height="18.833"
          filterUnits="userSpaceOnUse"
        >
          <feOffset input="SourceAlpha" />
          <feGaussianBlur stdDeviation="2" result="blur-2" />
          <feFlood :flood-color="states.color" />
          <feComposite operator="in" in2="blur-2" />
          <feComposite in="SourceGraphic" />
        </filter>
        <linearGradient
          id="linear-gradient"
          x1="1.013"
          y1="1.011"
          x2="0.01"
          y2="2.129"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0" :stop-color="states.color" />
          <stop offset="1" :stop-color="states.color" stop-opacity="0" />
        </linearGradient>
        <filter
          id="椭圆形备份_7-3"
          x="1170.036"
          y="21.856"
          width="31.931"
          height="31.972"
          filterUnits="userSpaceOnUse"
        >
          <feOffset input="SourceAlpha" />
          <feGaussianBlur stdDeviation="4" result="blur-3" />
          <feFlood :flood-color="states.color" />
          <feComposite operator="in" in2="blur-3" />
          <feComposite in="SourceGraphic" />
        </filter>
        <filter
          id="椭圆形备份_7-4"
          x="1855.46"
          y="25.247"
          width="18.798"
          height="18.833"
          filterUnits="userSpaceOnUse"
        >
          <feOffset input="SourceAlpha" />
          <feGaussianBlur stdDeviation="2" result="blur-4" />
          <feFlood :flood-color="states.color" />
          <feComposite operator="in" in2="blur-4" />
          <feComposite in="SourceGraphic" />
        </filter>
        <linearGradient
          id="linear-gradient-2"
          x1="-0.013"
          y1="1.011"
          x2="0.99"
          y2="2.129"
          xlink:href="#linear-gradient"
        />
        <linearGradient
          id="linear-gradient-3"
          x1="0.5"
          y1="0.009"
          x2="0.5"
          y2="0.955"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0" :stop-color="states.color" stop-opacity="0" />
          <stop offset="1" :stop-color="states.color" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-4"
          x1="0.5"
          y1="0.164"
          x2="0.5"
          y2="1.358"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0" :stop-color="states.color" stop-opacity="0.012" />
          <stop offset="1" :stop-color="states.color" />
        </linearGradient>
        <filter
          id="矩形"
          x="880.76"
          y="46.302"
          width="130"
          height="15"
          filterUnits="userSpaceOnUse"
        >
          <feOffset input="SourceAlpha" />
          <feGaussianBlur stdDeviation="2" result="blur-5" />
          <feFlood flood-color="#124c3b" flood-opacity="0.357" />
          <feComposite operator="in" in2="blur-5" />
          <feComposite in="SourceGraphic" />
        </filter>
      </defs>
      <g
        id="组_5102"
        data-name="组 5102"
        transform="translate(-23.12 -939.001)"
      >
        <g id="组_5100" data-name="组 5100">
          <path
            id="椭圆形备份_7-5"
            data-name="椭圆形备份 7"
            d="M8.5-.5a9.042,9.042,0,1,1-9,9.042A9.03,9.03,0,0,1,8.5-.5Zm0,17.083a8.042,8.042,0,1,0-8-8.042A8.029,8.029,0,0,0,8.5,16.583Z"
            transform="translate(702.879 968.303)"
            :fill="states.color"
          />
          <path
            id="椭圆形备份_7-6"
            data-name="椭圆形备份 7"
            d="M8.5-.5a9.042,9.042,0,1,1-9,9.042A9.03,9.03,0,0,1,8.5-.5Zm0,17.083a8.042,8.042,0,1,0-8-8.042A8.029,8.029,0,0,0,8.5,16.583Z"
            transform="translate(23.879 965.303)"
            :fill="states.color"
          />
          <path
            id="路径_10"
            data-name="路径 10"
            d="M743.154,23.528h-93.56L636.848,10.861H270.482L258.955,23.528H14.209l-.15-.2L-.4,4.347l.8-.606L14.7,22.528H258.513L270.04,9.861H637.26l12.747,12.667h93.147a1.5,1.5,0,0,0,1.168-2.441L728.534.5h-45.7v-1h46.178L745.1,19.459a2.5,2.5,0,0,1-1.946,4.069Z"
            transform="translate(36.784 977.275)"
            :fill="states.color"
          />
          <g
            id="编组_2"
            data-name="编组 2"
            transform="translate(727.119 984.303)"
          >
            <path
              id="矩形-2"
              data-name="矩形"
              d="M0,0H6l7,10H7Z"
              transform="translate(30)"
              :fill="states.color"
            />
            <path
              id="矩形-3"
              data-name="矩形"
              d="M0,0H6l7,10H7Z"
              transform="translate(20)"
              :fill="states.color"
              opacity="0.6"
            />
            <path
              id="矩形-4"
              data-name="矩形"
              d="M0,0H6l7,10H7Z"
              transform="translate(10)"
              :fill="states.color"
              opacity="0.4"
            />
            <path
              id="矩形-5"
              data-name="矩形"
              d="M0,0H6l7,10H7Z"
              :fill="states.color"
              opacity="0.2"
            />
          </g>
          <g
            transform="matrix(1, 0, 0, 1, 23.12, 939)"
            filter="url(#椭圆形备份_7)"
          >
            <ellipse
              id="椭圆形备份_7-7"
              data-name="椭圆形备份 7"
              cx="3.965"
              cy="3.986"
              rx="3.965"
              ry="3.986"
              transform="translate(684.29 33.86)"
              :fill="states.color"
            />
          </g>
          <g
            transform="matrix(1, 0, 0, 1, 23.12, 939)"
            filter="url(#椭圆形备份_7-2)"
          >
            <ellipse
              id="椭圆形备份_7-8"
              data-name="椭圆形备份 7"
              cx="3.399"
              cy="3.417"
              rx="3.399"
              ry="3.417"
              transform="translate(6 31.25)"
              :fill="states.color"
            />
          </g>
          <path
            id="矩形-6"
            data-name="矩形"
            d="M2.266,0H65.315l4.266,4.556H0Z"
            transform="translate(219.504 992.08)"
            :fill="states.color"
          />
          <path
            id="矩形-7"
            data-name="矩形"
            d="M4.266,0H292.315l4.266,5.556H0Z"
            transform="translate(309.504 994.08)"
            fill="url(#linear-gradient)"
          />
          <g id="编组" transform="translate(604.77 994.08)">
            <path
              id="矩形-8"
              data-name="矩形"
              d="M0,0H3.049L8.315,5.556H4.734Z"
              :fill="states.color"
            />
            <path
              id="矩形备份"
              d="M0,0H3.049L8.315,5.556H4.734Z"
              transform="translate(6)"
              :fill="states.color"
            />
            <path
              id="矩形备份_2"
              data-name="矩形备份 2"
              d="M0,0H3.049L8.315,5.556H4.734Z"
              transform="translate(12)"
              :fill="states.color"
            />
            <path
              id="矩形备份_3"
              data-name="矩形备份 3"
              d="M0,0H3.049L8.315,5.556H4.734Z"
              transform="translate(18)"
              :fill="states.color"
            />
            <path
              id="矩形备份_4"
              data-name="矩形备份 4"
              d="M0,0H3.049L8.315,5.556H4.734Z"
              transform="translate(24)"
              :fill="states.color"
            />
            <path
              id="矩形备份_5"
              data-name="矩形备份 5"
              d="M0,0H3.049L8.315,5.556H4.734Z"
              transform="translate(30)"
              :fill="states.color"
            />
            <path
              id="矩形备份_6"
              data-name="矩形备份 6"
              d="M0,0H3.049L8.315,5.556H4.734Z"
              transform="translate(36)"
              :fill="states.color"
            />
            <path
              id="矩形备份_7"
              data-name="矩形备份 7"
              d="M0,0H3.049L8.315,5.556H4.734Z"
              transform="translate(42)"
              :fill="states.color"
            />
            <path
              id="矩形备份_8"
              data-name="矩形备份 8"
              d="M0,0H3.049L8.315,5.556H4.734Z"
              transform="translate(48)"
              :fill="states.color"
            />
            <path
              id="矩形备份_9"
              data-name="矩形备份 9"
              d="M0,0H3.049L8.315,5.556H4.734Z"
              transform="translate(54)"
              :fill="states.color"
            />
            <path
              id="矩形备份_10"
              data-name="矩形备份 10"
              d="M0,0H3.049L8.315,5.556H4.734Z"
              transform="translate(60)"
              :fill="states.color"
            />
            <path
              id="矩形备份_11"
              data-name="矩形备份 11"
              d="M0,0H3.049L8.315,5.556H4.734Z"
              transform="translate(66)"
              :fill="states.color"
            />
          </g>
        </g>
        <g
          id="组_5101"
          data-name="组 5101"
          transform="translate(1138.057 964.803)"
        >
          <path
            id="椭圆形备份_7-9"
            data-name="椭圆形备份 7"
            d="M8.495-.5A9.042,9.042,0,1,0,17.49,8.542,9.028,9.028,0,0,0,8.495-.5Zm0,17.083a8.042,8.042,0,1,1,8-8.042A8.028,8.028,0,0,1,8.495,16.583Z"
            transform="translate(62.573 3.5)"
            :fill="states.color"
          />
          <path
            id="椭圆形备份_7-10"
            data-name="椭圆形备份 7"
            d="M8.495-.5A9.042,9.042,0,1,0,17.49,8.542,9.028,9.028,0,0,0,8.495-.5Zm0,17.083a8.042,8.042,0,1,1,8-8.042A8.028,8.028,0,0,1,8.495,16.583Z"
            transform="translate(741.573 0.5)"
            :fill="states.color"
          />
          <path
            id="路径_10-2"
            data-name="路径 10"
            d="M2.106,23.528h93.56l12.747-12.667H474.777L486.3,23.528H731.05l.15-.2L745.657,4.347l-.8-.606L730.555,22.528H486.746L475.219,9.861H108L95.253,22.528H2.106A1.5,1.5,0,0,1,.938,20.086L16.726.5h45.7v-1H16.248L.159,19.459a2.5,2.5,0,0,0,1.946,4.069Z"
            transform="translate(0.398 12.473)"
            :fill="states.color"
          />
          <g
            id="编组_2-2"
            data-name="编组 2"
            transform="translate(12.322 19.5)"
          >
            <path
              id="矩形-9"
              data-name="矩形"
              d="M13,0H7L0,10H6Z"
              transform="translate(0)"
              :fill="states.color"
            />
            <path
              id="矩形-10"
              data-name="矩形"
              d="M13,0H7L0,10H6Z"
              transform="translate(10)"
              :fill="states.color"
              opacity="0.6"
            />
            <path
              id="矩形-11"
              data-name="矩形"
              d="M13,0H7L0,10H6Z"
              transform="translate(20)"
              :fill="states.color"
              opacity="0.4"
            />
            <path
              id="矩形-12"
              data-name="矩形"
              d="M13,0H7L0,10H6Z"
              transform="translate(30)"
              :fill="states.color"
              opacity="0.2"
            />
          </g>
          <g
            transform="matrix(1, 0, 0, 1, -1114.94, -25.8)"
            filter="url(#椭圆形备份_7-3)"
          >
            <ellipse
              id="椭圆形备份_7-11"
              data-name="椭圆形备份 7"
              cx="3.965"
              cy="3.986"
              rx="3.965"
              ry="3.986"
              transform="translate(1182.04 33.86)"
              :fill="states.color"
            />
          </g>
          <g
            transform="matrix(1, 0, 0, 1, -1114.94, -25.8)"
            filter="url(#椭圆形备份_7-4)"
          >
            <ellipse
              id="椭圆形备份_7-12"
              data-name="椭圆形备份 7"
              cx="3.399"
              cy="3.417"
              rx="3.399"
              ry="3.417"
              transform="translate(1861.46 31.25)"
              :fill="states.color"
            />
          </g>
          <path
            id="矩形-13"
            data-name="矩形"
            d="M67.315,0H4.266L0,4.556H69.581Z"
            transform="translate(493.357 27.277)"
            :fill="states.color"
          />
          <path
            id="矩形-14"
            data-name="矩形"
            d="M292.315,0H4.266L0,5.555H296.581Z"
            transform="translate(176.357 29.277)"
            fill="url(#linear-gradient-2)"
          />
          <g id="编组-2" data-name="编组" transform="translate(103.357 29.277)">
            <path
              id="矩形-15"
              data-name="矩形"
              d="M8.315,0H5.266L0,5.555H3.581Z"
              transform="translate(66)"
              :fill="states.color"
            />
            <path
              id="矩形备份-2"
              data-name="矩形备份"
              d="M8.315,0H5.266L0,5.555H3.581Z"
              transform="translate(60)"
              :fill="states.color"
            />
            <path
              id="矩形备份_2-2"
              data-name="矩形备份 2"
              d="M8.315,0H5.266L0,5.555H3.581Z"
              transform="translate(54)"
              :fill="states.color"
            />
            <path
              id="矩形备份_3-2"
              data-name="矩形备份 3"
              d="M8.315,0H5.266L0,5.555H3.581Z"
              transform="translate(48)"
              :fill="states.color"
            />
            <path
              id="矩形备份_4-2"
              data-name="矩形备份 4"
              d="M8.315,0H5.266L0,5.555H3.581Z"
              transform="translate(42)"
              :fill="states.color"
            />
            <path
              id="矩形备份_5-2"
              data-name="矩形备份 5"
              d="M8.315,0H5.266L0,5.555H3.581Z"
              transform="translate(36)"
              :fill="states.color"
            />
            <path
              id="矩形备份_6-2"
              data-name="矩形备份 6"
              d="M8.315,0H5.266L0,5.555H3.581Z"
              transform="translate(30)"
              :fill="states.color"
            />
            <path
              id="矩形备份_7-2"
              data-name="矩形备份 7"
              d="M8.315,0H5.266L0,5.555H3.581Z"
              transform="translate(24)"
              :fill="states.color"
            />
            <path
              id="矩形备份_8-2"
              data-name="矩形备份 8"
              d="M8.315,0H5.266L0,5.555H3.581Z"
              transform="translate(18)"
              :fill="states.color"
            />
            <path
              id="矩形备份_9-2"
              data-name="矩形备份 9"
              d="M8.315,0H5.266L0,5.555H3.581Z"
              transform="translate(12)"
              :fill="states.color"
            />
            <path
              id="矩形备份_10-2"
              data-name="矩形备份 10"
              d="M8.315,0H5.266L0,5.555H3.581Z"
              transform="translate(6)"
              :fill="states.color"
            />
            <path
              id="矩形备份_11-2"
              data-name="矩形备份 11"
              d="M8.315,0H5.266L0,5.555H3.581Z"
              transform="translate(0)"
              :fill="states.color"
            />
          </g>
        </g>
        <path
          id="路径_11"
          data-name="路径 11"
          d="M0,0,36.05,47.621A6,6,0,0,0,40.834,50h77.377l11.471,10H270.048l12.483-10h72.41a6,6,0,0,0,4.967-2.635L392,0"
          transform="translate(766.88 940.303)"
          fill="url(#linear-gradient-3)"
        />
        <path
          id="路径_11-2"
          data-name="路径 11"
          d="M270.224,60.5H131.517l-.133-.1-13.338-9.9H40.834a6.535,6.535,0,0,1-5.183-2.577L-.4.3.4-.3,36.449,47.32a5.529,5.529,0,0,0,4.385,2.18h77.542l.133.1,13.338,9.9H269.873l12.483-10h72.586a5.494,5.494,0,0,0,4.553-2.415L391.586-.28l.828.561L360.323,47.646a6.493,6.493,0,0,1-5.381,2.854H282.707Z"
          transform="translate(765.88 939.303)"
          fill="url(#linear-gradient-4)"
        />
        <g transform="matrix(1, 0, 0, 1, 23.12, 939)" filter="url(#矩形)">
          <path
            id="矩形-16"
            data-name="矩形"
            d="M0,0H118l-2,3H2Z"
            transform="translate(886.76 52.3)"
            :fill="states.color"
          />
        </g>
      </g>
    </svg>
  </div>
</template>

<script setup lang="ts">
import { computed, onMounted } from "vue";

let props = defineProps({
  width: {
    type: String,
    default: "",
  },
  height: {
    type: String,
    default: "",
  },
  id: {
    type: String,
    default: "",
  },
  models: {
    type: Object,
    default: () => ({}),
  },
});
const states = computed({
  get: () => props.models,
  set: () => {},
}) as any;
let emit = defineEmits(["updateSize"]);
onMounted(() => {
  states.value.ifTitle = true;
  emit("updateSize", {
    w: 1920,
    h: 90,
    id: props.id,
  });
});
</script>

<style scoped lang="scss"></style>
